<%@ page language="java" isELIgnored="false"
	contentType="text/html; charset=ISO-8859-1" pageEncoding="ISO-8859-1"%>
<%@taglib prefix="spring" uri="http://www.springframework.org/tags"%>
<%@taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<%@taglib prefix="form" uri="http://www.springframework.org/tags/form"%>

<div><a href="groupinfoes?form">Create Group</a></div>
<script type="text/javascript">
	$(function() {

		// Accordion
		$("#accordion").accordion({
			header : "#test",
			collapsible: true,
			active : false
		});

	});
</script>

<!-- Accordion -->

<h2>Existing Rooms For You</h2>
<div id="accordion">
	<c:forEach items="${groupinfoes}" var="group" varStatus="status">
		<div>
			<div id="test">
				<div>
					<a href="#"><c:out value="${group.name}" /></a>
				</div>
			</div>
			<div style=" border-top: 1px solid #BBBBBB;">

				<c:forEach items="${group.users}" var="users" varStatus="status">
					<div
						style="height: 30px; background-color: efefef; border-bottom: 1px solid #BBBBBB; border-collapse: collapse;">
						<c:out value="${users.user.email}" />
					</div>
				</c:forEach>

			</div>
		</div>
	</c:forEach>
</div>


